<template>
  <div style="margin-top: 1.5%">
    <div class="sidebar">
      <!-- 跳转到指定模块 -->
      <el-card class="btn-box">
        <el-button
          style="margin-left: 10px"
          @click="goAssignBlock('block'+ 0,50)"
        >ADR事件情况
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 1,0)"
        >患者信息
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 2,0)"
        >相关重要信息
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 3,0)"
        >药品信息
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 4,0)"
        >评价与分析
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 5,5)"
        >事件结果
        </el-button>
      </el-card>
    </div>

    <div class="content">

      <!--ADR-->
      <div style="width: 100%; margin-left: 8%">
        <div class="bname" ref="block0">ADR事件情况</div>
        <div style="color:red;margin-top: 1%;font-size: 14px">新的、严重的药品ADR应当在15日内报告，其中导致死亡的须立即报告；其他药品ADR应当在30日内报告。</div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <el-form-item label="报告类别">
              <el-radio-group v-model="form.reportcategory">
                <el-radio label="首次报告"></el-radio>
                <el-radio label="跟踪报告"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="报告类型" :rules="[{required: true, message: '报告类型未选择'}]">
              <el-radio-group v-model="form.reporttype">
                <el-radio label="新的一般"></el-radio>
                <el-radio label="新的严重"></el-radio>
                <el-radio label="一般"></el-radio>
                <el-radio label="严重"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="损害情形" :rules="[{required: true, message: '损害情形未选择'}]">
              <el-checkbox-group v-model="form.reinimf">
                <el-checkbox label="1.导致死亡"></el-checkbox>
                <el-checkbox label="2.危及生命"></el-checkbox>
                <el-checkbox label="3.致癌、致畸、致出生缺陷"></el-checkbox>
                <el-checkbox label="4.导致显著的或者永久的人体伤残或者器官功能的损伤"></el-checkbox>
                <el-checkbox label="5.导致住院或者住院时间延长"></el-checkbox>
                <el-checkbox label="6.导致其他重要医学事件，如不进行治疗可能出现上述所列情况的"></el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="不良反应/事件名称" :rules="[{required: true, message: '不良反应/事件名称不能为空'}]" style="width: 600px">
              <div style="display: flex">
              <el-input v-model="form.badname" ></el-input>
              <span style="margin-left:10px; float:right; color: black; font-weight:bolder;width: 250px">如:头晕(一般);呕吐(严重)</span>
              </div>
            </el-form-item>
            <el-form-item label="不良反应/事件发生时间" :rules="[{required: true, message: '不良反应/事件发生时间未选择'}]">
              <el-date-picker
                v-model="form.enhappentime"
                type="datetime"
                placeholder="选择日期时间">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="不良反应/事件发现时间" :rules="[{required: true, message: '不良反应/事件发现时间未选择'}]">
              <el-date-picker
                v-model="form.enfindtime"
                type="datetime"
                placeholder="选择日期时间">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="不良反应/事件过程描述" :rules="[{required: true, message: '不良反应/事件过程描述不能为空'}]"
                          style="width: 900px;">
              <div style="display: flex">
              <el-input type="textarea" v-model="form.undesc" :rows="11" resize="none"></el-input>
              <span style="color:red;margin-top: 28%;width:100%;font-size: 14px">(包括症状、体征、临床检验等)及处理情况</span>
              </div>
            </el-form-item>
          </el-form>
        </div>
      </div>
      <!--患者信息-->
      <div style="width: 100%; margin-top:1%; margin-left: 8%">
        <div class="bname" ref="block1" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">患者信息</div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <el-form-item label="诊疗类别" :rules="[{required: true, message: '患者信息未选择'}]">
              <el-radio-group v-model="form.diagcategory">
                <el-radio label="急诊"></el-radio>
                <el-radio label="门诊"></el-radio>
                <el-radio label="住院"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="患者姓名" :rules="[{required: true, message: '患者姓名不能为空'}]">
              <el-input v-model="form.patientname"></el-input>
            </el-form-item>
            <el-form-item label="性别" :rules="[{required: true, message: '性别不能为空'}]">
              <el-radio-group v-model="form.patientgender">
                <el-radio label="男"></el-radio>
                <el-radio label="女"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="出生年月">
              <el-date-picker
                v-model="form.birdate"
                type="date"
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="年龄">
              <el-input v-model="form.patientage"></el-input>
            </el-form-item>
            <el-form-item label="年龄阶段">
              <el-select v-model="form.agestage" placeholder="请选择" filterable>
                <el-option
                  v-for="item in ageStageOption"
                  :key="item.value"
                  :label="item.value"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="民族">
              <el-select v-model="form.ethnicGroup" placeholder="请选择" filterable>
                <el-option
                  v-for="item in ethnicGroupOption"
                  :key="item.value"
                  :label="item.value"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="体重(公斤)" style="width: 600px;">
              <el-input v-model="form.weightKg"></el-input>
            </el-form-item>
            <el-form-item label="联系方式" style="width: 600px;" :rules="[{required: true, message: '联系方式不能为空'}]">
              <el-input v-model="form.telephNum"></el-input>
            </el-form-item>
            <el-form-item label="原患疾病" style="width: 600px;" :rules="[{required: true, message: '原患疾病不能为空'}]">
              <el-input v-model="form.preDisease"></el-input>
            </el-form-item>
            <el-form-item label="病历号/门诊号" style="width: 600px;">
              <el-input v-model="form.medcliNum"></el-input>
            </el-form-item>
          </el-form>
        </div>
      </div>

      <!--相关重要信息-->
      <div style="width: 100%; margin-left: 8%; margin-top:1%">
        <div class="bname" ref="block2" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">相关重要信息
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <el-form-item label="既往药品不良反应/事件">
              <el-radio-group v-model="form.drugReaction">
                <el-radio label="有"></el-radio>
                <el-radio label="无"></el-radio>
                <el-radio label="不详"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="家族药品不良反应/事件">
              <el-radio-group v-model="form.familReaction">
                <el-radio label="有"></el-radio>
                <el-radio label="无"></el-radio>
                <el-radio label="不详"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="相关重要信息">
              <el-checkbox-group v-model="form.reinimf">
                <el-checkbox label="吸烟史"></el-checkbox>
                <el-checkbox label="饮酒史"></el-checkbox>
                <el-checkbox label="妊娠期"></el-checkbox>
                <el-checkbox label="肝病史"></el-checkbox>
                <el-checkbox label="肾病史"></el-checkbox>
                <el-checkbox label="过敏史"></el-checkbox>
                <el-checkbox label="其他"></el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="过敏情况说明" style="width: 600px">
              <el-input v-model="form.allergyInstru"></el-input>
            </el-form-item>
          </el-form>
        </div>
      </div>

      <!--药品信息-->
      <div style="width: 100%; margin-left: 8%; margin-top:1%">
        <div class="bname" ref="block3" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">药品信息</div>
        <div style="color:blue;margin-top: 1%;font-size: 14px">怀疑药品</div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <el-form-item label="药品种类" :rules="[{required: true, message: '药品种类未选择'}]">
              <el-radio-group v-model="form.medicineType">
                <el-radio label="全身性抗菌药物"></el-radio>
                <el-radio label="降血糖药物"></el-radio>
                <el-radio label="抗肿瘤药物"></el-radio>
                <el-radio label="抗凝剂"></el-radio>
                <el-radio label="镇痛药和解热药"></el-radio>
                <el-radio label="心血管系统用药"></el-radio>
                <el-radio label="X线造影剂及其他诊断性制剂"></el-radio>
                <el-radio label="其他药物"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="批准文号" :rules="[{required: true, message: '批准文号不能为空'}]" style="width: 600px">
              <el-input v-model="form.approvalNum"></el-input>
            </el-form-item>
            <el-form-item label="商品名称" style="width: 600px">
              <el-input v-model="form.productName"></el-input>
            </el-form-item>
            <el-form-item label="通用名称" :rules="[{required: true, message: '通用名称不能为空'}]" style="width: 600px">
              <el-input v-model="form.currentName"></el-input>
            </el-form-item>
            <el-form-item label="剂型" :rules="[{required: true, message: '剂型不能为空'}]">
              <el-select v-model="form.dosageform" placeholder="请选择" filterable>
                <el-option
                  v-for="item in dosageFormOption"
                  :key="item.value"
                  :label="item.value"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="生产厂家" :rules="[{required: true, message: '生产厂家不能为空'}]" style="width: 600px">
              <el-input v-model="form.manuFacturer"></el-input>
            </el-form-item>
            <el-form-item label="生产批号" :rules="[{required: true, message: '生产批号不能为空'}]" style="width: 600px">
              <el-input v-model="form.manuNum"></el-input>
            </el-form-item>
            <el-form-item label="用量" :rules="[{required: true, message: '用量不能为空'}]" style="width: 700px">
              <div style="display: flex">
                <el-input v-model="form.dosage"></el-input>
                <span style="margin-left:10px; float:right; color: red; font-weight:bolder;width: 110px">每次用药剂量</span>
              </div>
            </el-form-item>
            <el-form-item label="单位" :rules="[{required: true, message: '单位不能为空'}]">
              <div>
                <el-select v-model="form.unti" placeholder="请选择" filterable>
                  <el-option
                    v-for="item in untiOption"
                    :key="item.value"
                    :label="item.value"
                    :value="item.value">
                  </el-option>
                </el-select>
                <div style="display: flex; width: 200px;align-items: center">
                  <el-input v-model="form.untiDay" style="margin-top: 10px;"></el-input>
                  <span
                    style="margin-left:10px; margin-top: 10px; float:right; color: #606266; font-weight:bolder;width: 20px">日</span>
                </div>
                <div style="display: flex; width: 265px;align-items: center">
                  <el-input v-model="form.cGiveyao" style="margin-top: 10px;"></el-input>
                  <span
                    style="margin-left:10px; margin-top: 10px; float:right; color: #606266; font-weight:bolder;width: 120px">次(给药次数)</span>
                </div>
              </div>
            </el-form-item>
            <el-form-item label="给药途径" :rules="[{required: true, message: '给药途径不能为空'}]">
              <el-select v-model="form.giveWay" placeholder="请选择" filterable>
                <el-option
                  v-for="item in giveWayOption"
                  :key="item.value"
                  :label="item.value"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="用药起时间" :rules="[{required: true, message: '用药起时间不能为空'}]">
              <el-date-picker
                v-model="form.medstaTime"
                type="date"
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="用药止时间" :rules="[{required: true, message: '用药止时间不能为空'}]">
              <el-date-picker
                v-model="form.medstopTime"
                type="date"
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="用药原因" :rules="[{required: true, message: '用药原因不能为空'}]" style="width: 600px">
              <el-input v-model="form.medUsereason"></el-input>
            </el-form-item>
          </el-form>

        </div>
        <div style="color:blue;margin-top: 10px;font-size: 14px">并用药品</div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <el-form-item label="药品种类" :rules="[{required: true, message: '药品种类未选择'}]">
              <el-radio-group v-model="form.bymedicineType">
                <el-radio label="全身性抗菌药物"></el-radio>
                <el-radio label="降血糖药物"></el-radio>
                <el-radio label="抗肿瘤药物"></el-radio>
                <el-radio label="抗凝剂"></el-radio>
                <el-radio label="镇痛药和解热药"></el-radio>
                <el-radio label="心血管系统用药"></el-radio>
                <el-radio label="X线造影剂及其他诊断性制剂"></el-radio>
                <el-radio label="其他药物"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="批准文号" :rules="[{required: true, message: '批准文号不能为空'}]" style="width: 600px">
              <el-input v-model="form.byapprovalNum"></el-input>
            </el-form-item>
            <el-form-item label="商品名称" style="width: 600px">
              <el-input v-model="form.byproductName"></el-input>
            </el-form-item>
            <el-form-item label="通用名称" :rules="[{required: true, message: '通用名称不能为空'}]" style="width: 600px">
              <el-input v-model="form.bycurrentName"></el-input>
            </el-form-item>
            <el-form-item label="剂型" :rules="[{required: true, message: '剂型不能为空'}]">
              <el-select v-model="form.bydosageform" placeholder="请选择" filterable>
                <el-option
                  v-for="item in bydosageFormOption"
                  :key="item.value"
                  :label="item.value"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="生产厂家" :rules="[{required: true, message: '生产厂家不能为空'}]" style="width: 600px">
              <el-input v-model="form.bymanuFacturer"></el-input>
            </el-form-item>
            <el-form-item label="生产批号" :rules="[{required: true, message: '生产批号不能为空'}]" style="width: 600px">
              <el-input v-model="form.bymanuNum"></el-input>
            </el-form-item>
            <el-form-item label="用量" :rules="[{required: true, message: '用量不能为空'}]" style="width: 700px">
              <div style="display: flex">
                <el-input v-model="form.bydosage"></el-input>
                <span style="margin-left:10px; float:right; color: red; font-weight:bolder;width: 110px">每次用药剂量</span>
              </div>
            </el-form-item>
            <el-form-item label="单位" :rules="[{required: true, message: '单位不能为空'}]">
              <div>
                <el-select v-model="form.byunti" placeholder="请选择" filterable>
                  <el-option
                    v-for="item in byuntiOption"
                    :key="item.value"
                    :label="item.value"
                    :value="item.value">
                  </el-option>
                </el-select>
                <div style="display: flex; width: 200px;align-items: center">
                  <el-input v-model="form.byuntiDay" style="margin-top: 10px;"></el-input>
                  <span
                    style="margin-left:10px; margin-top: 10px; float:right; color: #606266; font-weight:bolder;width: 20px">日</span>
                </div>
                <div style="display: flex; width: 265px;align-items: center">
                  <el-input v-model="form.bycGiveyao" style="margin-top: 10px;"></el-input>
                  <span
                    style="margin-left:10px; margin-top: 10px; float:right; color: #606266; font-weight:bolder;width: 120px">次(给药次数)</span>
                </div>
              </div>
            </el-form-item>
            <el-form-item label="给药途径" :rules="[{required: true, message: '给药途径不能为空'}]">
              <el-select v-model="form.bygiveWay" placeholder="请选择" filterable>
                <el-option
                  v-for="item in bygiveWayOption"
                  :key="item.value"
                  :label="item.value"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="用药起时间" :rules="[{required: true, message: '用药起时间不能为空'}]">
              <el-date-picker
                v-model="form.bymedstaTime"
                type="date"
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="用药止时间" :rules="[{required: true, message: '用药止时间不能为空'}]">
              <el-date-picker
                v-model="form.bymedstopTime"
                type="date"
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="用药原因" :rules="[{required: true, message: '用药原因不能为空'}]" style="width: 600px">
              <el-input v-model="form.bymedUsereason"></el-input>
            </el-form-item>
          </el-form>
        </div>
      </div>

      <!--评价与分析-->
      <div style="width: 100%; margin-left: 8%; margin-top:1%">
        <div class="bname" ref="block4" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">评价与分析
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <el-form-item label="不良反应/事件的结果" :rules="[{required: true, message: '不良反应/事件的结果未选择'}]">
              <el-radio-group v-model="form.badJieguo">
                <el-radio label="痊愈"></el-radio>
                <el-radio label="好转"></el-radio>
                <el-radio label="未好转"></el-radio>
                <el-radio label="不详"></el-radio>
                <el-radio label="有后遗症"></el-radio>
                <el-radio label="死亡"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="停药或减量后，反应/事件是否消失或减轻？" label-width="300px"></el-form-item>
            <el-form-item>
              <el-radio-group v-model="form.ynReduce">
                <el-radio label="是"></el-radio>
                <el-radio label="否"></el-radio>
                <el-radio label="不明"></el-radio>
                <el-radio label="未停药或为减量"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="再次使用可疑药品后是否出现同样反应/事件？" label-width="300px"></el-form-item>
            <el-form-item>
              <el-radio-group v-model="form.againInfact">
                <el-radio label="是"></el-radio>
                <el-radio label="否"></el-radio>
                <el-radio label="不明"></el-radio>
                <el-radio label="未停药或为减量"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="对原患疾病的影响" :rules="[{required: true, message: '对原患疾病的影响未选择'}]">
              <el-radio-group v-model="form.yuanYing">
                <el-radio label="不明显"></el-radio>
                <el-radio label="病程延长"></el-radio>
                <el-radio label="病情加重"></el-radio>
                <el-radio label="导致后遗症"></el-radio>
                <el-radio label="导致死亡"></el-radio>
              </el-radio-group>
            </el-form-item>
            <div style="color:#28ef1a; margin-top: 1%; margin-bottom:10px; font-size: 14px">关联性评价</div>
            <el-form-item label="报告人评价" :rules="[{required: true, message: '报告人评价未选择'}]">
              <el-radio-group v-model="form.bgPeoplepjia">
                <el-radio label="肯定"></el-radio>
                <el-radio label="很可能"></el-radio>
                <el-radio label="可能"></el-radio>
                <el-radio label="可能无关"></el-radio>
                <el-radio label="待评价"></el-radio>
                <el-radio label="无法评价"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="签名" style="width: 600px">
              <el-input v-model="form.firqianName"></el-input>
            </el-form-item>
            <el-form-item label="报告人联系电话" style="width: 600px">
              <el-input v-model="form.bgpeopleNum"></el-input>
            </el-form-item>
            <el-form-item label="报告人职业" :rules="[{required: true, message: '报告人职业未选择'}]">
              <el-radio-group v-model="form.bgPeoplejob">
                <el-radio label="医生"></el-radio>
                <el-radio label="药师"></el-radio>
                <el-radio label="护士"></el-radio>
                <el-radio label="其他"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="报告单位评价" >
              <div style="display: flex">
              <el-radio-group v-model="form.bgPlacepjia">
                <el-radio label="肯定"></el-radio>
                <el-radio label="很可能"></el-radio>
                <el-radio label="可能"></el-radio>
                <el-radio label="可能无关"></el-radio>
                <el-radio label="待评价"></el-radio>
                <el-radio label="无法评价"></el-radio>
              </el-radio-group>
              <div style="color: #8f8f94" >注：药师填写</div>
              </div>
            </el-form-item>
            <div style="color:#28ef1a; margin-top: 10px; margin-bottom:10px; font-size: 14px">报告单位信息</div>
            <el-form-item label="单位名称" style="width: 600px">
              <el-input v-model="form.workName" placeholder="XXX医院"></el-input>
            </el-form-item>
            <el-form-item label="联系人" style="width: 600px">
              <el-input v-model="form.lianxiRen"></el-input>
            </el-form-item>
            <el-form-item label="电话" style="width: 600px">
              <el-input v-model="form.dianhuaNum"></el-input>
            </el-form-item>
            <el-form-item label="备注" style="width: 600px">
              <el-input type="textarea" v-model="form.bgBei" :rows="3" resize="none"></el-input>
            </el-form-item>
          </el-form>
        </div>
      </div>

      <!--事件结果-->
      <div style="width: 100%; margin-left: 8%; margin-top:1%">
        <div class="bname" ref="block5" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">事件结果</div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <el-form-item label="纠纷或纠纷隐患可能性" :rules="[{required: true, message: '纠纷或纠纷隐患可能性未选择'}]">
              <el-radio-group v-model="form.jiuImpossible">
                <el-radio label="确定有"></el-radio>
                <el-radio label="可能有"></el-radio>
                <el-radio label="无"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="事件严重程度">
              <el-select v-model="form.thingSerious" placeholder="请选择" filterable>
                <el-option
                  v-for="item in thingSeriousOption"
                  :key="item.value"
                  :label="item.value"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="事件分级" style="width: 600px">
              <el-radio-group v-model="form.thingFenji">
                <el-radio label="Ⅰ级事件: 发生错误，造成患者死亡 (包括损害程度I级)" style="margin-top: 10px; margin-bottom: 10px"></el-radio>
                <el-radio label="Ⅱ级事件: 发生错误，且造成患者伤害 (包括损害程度E、F、G、H级)" style="margin-bottom: 10px"></el-radio>
                <el-radio label="Ⅲ级事件: 发生错误，但未造成患者伤害 (包括损害程度B、C、D级)" style="margin-bottom: 10px"></el-radio>
                <el-radio label="Ⅳ级事件: 错误未发生 (错误隐患)(包括损害程度A级)"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="伤害严重度">
              <el-radio-group v-model="form.hurtDu">
                <el-radio label="死亡"></el-radio>
                <el-radio label="极度严重"></el-radio>
                <el-radio label="重度"></el-radio>
                <el-radio label="中度"></el-radio>
                <el-radio label="轻度"></el-radio>
                <el-radio label="未造成伤害"></el-radio>
                <el-radio label="无伤害"></el-radio>
              </el-radio-group>
            </el-form-item>





          </el-form>
        </div>

      </div>

    </div>

    <!--保存按钮-->
    <div style="position: fixed; margin-top: -0.5%; right: 3%; width: 300px">
      <el-button
        type="primary"
        style="margin-left: 15px"
        @click=""
      >保存
      </el-button>
      <el-button
        type="info" plain
        style="margin-left: 15px"
        @click=""
      >返回
      </el-button>
    </div>

  </div>
</template>


<script>
import ScrollPane from "@/layout/components/TagsView/ScrollPane";

export default {
  components: {ScrollPane},
  data() {
    return {
      form: {
        name: '',
        reportcategory: '',
        reporttype: '',
        badname: '',
        enhappentime: '',
        enfindtime: '',
        undesc: '患者XXX，因“XXX”原患疾病于XXX时间入院（就诊），临床诊断XXX，从X年X月X日X时（用药起始时间）开始使用XXX药物（溶媒用量+药品用量、用法，按该顺序填写，如未使用溶媒，就不用填写溶媒）。\n' +
          '于XXX（第一次发生ADR的时间）时间，在用XXX药（如果多种药物同时使用，必须提供一个药物使用的顺序）XXX分钟/小时后，发生XXX反应，立即采取（干预时间）XXX措施（干预措施，如停止用药，并予以溶媒用量+药品用量、用法，按该顺序填写，如未使用溶媒，就不用填写溶媒），给予XXX（包含剂量）药物治疗，XXX分钟/小时（ADR终结时间）后症状缓解（ADR终结结果）。',
        diagcategory: '',
        patientname: '',
        patientgender: '',
        birdate: '',
        patientage: '',
        agestage: '',
        ethnicGroup: '',
        weightKg: '',
        telephNum: '',
        preDisease: '',
        medcliNum: '',
        drugReaction: '',
        familReaction: '',
        reinimf: [],
        otherInform: '',
        allergyInstru: '',
        bymedicineType: '',
        byapprovalNum: '',
        byproductName: '',
        bycurrentName: '',
        bydosageform: '',
        bymanuFacturer: '',
        bymanuNum: '',
        bydosage: '',
        byunti: '',
        untiDay: '',
        cGiveyao: '',
        giveWay: '',
        medstaTime: '',
        medstopTime: '',
        medUsereason: '',
        medicineType: '',
        approvalNum: '',
        productName: '',
        currentName: '',
        dosageform: '',
        manuFacturer: '',
        manuNum: '',
        dosage: '',
        unti: '',
        byuntiDay: '',
        bycGiveyao: '',
        bygiveWay: '',
        bymedstaTime: '',
        bymedstopTime: '',
        bymedUsereason: '',
        badJieguo: '',
        ynReduce: '',
        againInfact: '',
        yuanYing: '',
        bgPeoplepjia: '',
        firqianName: '',
        bgpeopleNum: '',
        bgPeoplejob: '',
        bgPlacepjia: '',
        secqianName: '',
        workName: '',
        lianxiRen: '',
        dianhuaNum: '',
        bgBei: '',
        jiuImpossible: '',
        thingFenji: '',
        hurtDu: '',
        thingSerious: '',
      },
      ageStageOption: [
        {
          value: '新生儿',
        }, {
          value: '1-6月',
        }
      ],
      ethnicGroupOption: [
        {value:'汉族',
        },{
          value:'少数民族',
        }
      ],
      dosageFormOption: [
        {
          value: '片剂',
        }, {
          value: '注射剂',
        }],
      untiOption: [
        {
          value: '粒',
        }, {
          value: '袋',
        }],
      giveWayOption: [
        {
          value: '口服',
        }, {
          value: '注射',
        }],
      bydosageFormOption: [
        {
          value: '片剂',
        }, {
          value: '注射剂',
        }],
      byuntiOption: [
        {
          value: '粒',
        }, {
          value: '袋',
        }],
      bygiveWayOption: [
        {
          value: '口服',
        }, {
          value: '注射',
        }],
      thingSeriousOption: [
        {
          value: 'A级:客观环境或条件可能引发不良事件(不良事件隐患)',
        }, {
          value: 'B级:不良事件发生但未累及患者',
        }],
      fileList: []
    }
  },
  // 禁止web端屏幕缩放
  created() {
    window.addEventListener("mousewheel", function (event) {
      if (event.ctrlKey === true || event.metaKey) {
        event.preventDefault();
      }
    }, {passive: false})
  },
  methods: {
    //el 标签  speed 滚动速率 此处是50px 值越大滚动的越快
    goAssignBlock(el, speed) {
      let t = this.$refs[el].offsetTop - 100

      function scrollToTop() {
        let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;

        if (scrollTop > t) {
          window.scrollTo(0, scrollTop - speed);

          // 使用 requestAnimationFrame 进行平滑滚动
          requestId = window.requestAnimationFrame(scrollToTop);
        } else {
          window.scrollTo(0, t);

          // 取消动画帧的请求
          window.cancelAnimationFrame(requestId);
        }
      }

      let requestId = window.requestAnimationFrame(scrollToTop);
    },

  },

}

</script>

<style lang="scss" scoped>
.sidebar {
  margin-left: 3%;
  width: 10%;
  float: left;
  display: flex;
}

.content {
  margin-left: 3%;
  margin-right: 1.5%;
  width: 87%;
  float: right;
}

.btn-box {
  position: fixed;
  margin-top: 1%;

  ::v-deep .el-card__body {
    padding: 15px 15px 15px 5px;
  }
}

.btn-box button {
  text-align: left;
  padding: 0 0 0 10px;
  display: block;
  width: 150px;
  height: 40px;
  border: none;
  cursor: pointer;
}

.btn-box button:hover {
  background: hsl(221, 98%, 68%);
  color: white;
}

.block {
  border: 1px solid white;
  width: 100%;
  height: 100%;
  display: flex;
  font-size: 5rem;
  box-sizing: border-box;

  .el-form-item {
    margin-bottom: 10px;
  }
}

.bname {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: #606266;
}

</style>
